@charset "utf-8";
/*
Theme Name: WeStand
Theme URI: http://www.ChimpStudio.co.uk/
Author: ChimpStudio
Author URI: http://www.ChimpStudio.co.uk/
Description: WeStand theme for WordPress is stylish, customizable, simple, and readable - make it yours with a custom menu and custom theme options. WeStand supports multiple widgetized areas and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for admin Visual Editor.
Version: 1.1
License: GNU General Public License
License URI: license.txt
Tags: dark, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fluid-layout, custom-colors, custom-menu, editor-style, featured-image-header, featured-images, post-formats, rtl-language-support, theme-options, translation-ready
*/
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);
@import url(css/bootstrap.css);
@import url(css/shortcode.css);
@import url(css/font-awesome.css);
@import url(css/flexslider.css);
@import url(css/widget.css);
@import url(css/idangerous-swiper.css);
* {
    padding: 0px;
    margin: 0px;
}
.sticky, .wp-caption ,.wp-caption-text,.gallery-caption,.bypostauthor{}
body {
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #444;
    overflow-x: hidden;
}
a {
    color: #2b2b2b;
    text-decoration: none;
}

body h1, body h2, body h3, body h4, body h5 {
    font-family: 'Roboto Slab', serif;
    line-height: 1.4;
    font-weight: 700;
    color: #2b2b2b;
    margin-top: 0;
    margin-bottom: 12px;

}

h1 {
    font-size: 32px;
}
h2 {
    font-size: 26px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
    margin: 0;
}
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}
.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
}
button {
    border: none;
}
input{
    outline: none;
}
 textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: 35px;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 20px;
    border: none;
    color: #727272;
    font-family: 'Roboto Slab', serif;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* Heading Styles*/

header.cs-heading-title {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 26px;
}
header.cs-heading-title h2 {
    float: left;
    margin-bottom: 0;
}
.cs-section-title {
    font-size: 30px;
    line-height: 1.2;
    float: left;
    margin-bottom: 0;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
}
.element_size_33 .widget .cs-section-title,
.element_size_50 .widget .cs-section-title,
.element_size_67 .widget .cs-section-title
.element_size_75 .widget .cs-section-title
.element_size_100 .widget .cs-section-title{
    font-size: 30px;
}
.cs-post-title {
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 1.4;
    font-weight: 400;
}
.cs-page-title {
	color:#fff;
    font-size:25px;
    line-height:1.4;
    margin-bottom:0px;
	font-weight:400;
    text-transform:uppercase;
}
header .cs-page-title {
    float: left;
}
.widget-title {
    margin: 0px 0px 16px 0px;
}
.widget {
    float: left;
    width: 100%;
    margin: 0px 0px 30px 0px;
}
.cs-bgcolrhvr:hover {
    color: #fff !important;
}
figure {
    position: relative;
}
figcaption {
    position: absolute;
    width: 100%;
}
article figure {
    float: left;
    position: relative;
}
figure img {
    float: left;
    width: 100%;
}
p,
.shortgrid {
    margin-bottom: 15px;
    line-height: 1.6;
}
.fullwidth {
    float: left;
    width: 100%;
}
li {
    list-style: disc outside none;
    line-height: 23px;
}
ul ul {
    margin-left: 20px;
}
ol {
    list-style: decimal;
    float: none;
    padding-left: 15px;
}
ol ol {
    margin-left: 20px;
}
ol li {
    width: 100%;
    list-style: decimal;
}
table {
    max-width: 100%;
    background-color: transparent;
}
th {
    text-align: left;
}
table {
    width: 100%;
    margin-bottom: 20px;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border: 1px solid #ddd;
}
table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
    border-bottom: 0;
}
table > tbody + tbody {
    border-top: 2px solid #ddd;
}
p ins {
    color: #999;
}
dl dd {
    margin-left: 20px;
}
address {
    font-style: italic;
}
iframe{
    width: 100%;
    float: left;
}

/* Element Sizes
=========================== */

.element_size_100 {
    float: left;
    width: 100%;
}

.element_size_75 {
    width: 75%;
}
.element_size_50 {
    width: 50%;
}
.element_size_33 {
    width: 33.33%;
}
.element_size_25 {
    width: 25%;
}
.element_size_67{
    width: 66%;
}
.element_size_67,
.element_size_33,
.element_size_25,
.element_size_50,
.element_size_75{
    float: left;
    padding: 0px 10px 0px 10px;
}


/*Post Options*/
.post-options {
    float: left;
    width: 100%;
    margin: 0 0 18px 0;
    position: relative;
    z-index: 1;
}
.post-options li {
    display: inline;
    font-size: 12px;
    color: #777;
    font-weight: 500;
    line-height: 15px;
    list-style: none;
    padding: 0 20px 0 0;
}
.post-options li a {
    display: inline-block;
    color: #777;
}
.post-options li:first-child:before {
    display: none;
}
.post-options li i {
    margin-right: 4px;
}
.followus {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.followus a {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px;
    color: #999;
    font-size: 20px;
}
/*
=======================================
	Main Section
=======================================
*/

#wrappermain-cs {
    width: 100%;
    float: left;
    background: #fff;
	overflow:hidden;
}
#wrappermain-cs.wrapper_boxed {
    max-width: 1150px;
    margin: 0px auto;
    margin-top: 40px;margin-bottom: 40px;
    float: none;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    position: relative;
}
.wrapper_boxed .parallax-fullwidth{
    left: -40px !important;
    width: 108% !important;
}
.home .cs-custom-slider #header{
    position: relative;
}
/*
======================================
Header Section
======================================
*/
#header{
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #000;
    z-index: 999;
    text-align: center;
    top: 0px !important;
}
#header ~ .rev_slider_wrapper{
    margin-top: 78px !important;
}
.wrapper_boxed #header ~ .rev_slider_wrapper{
    margin-top: 74px !important;
}
#header.header_fixed{
    padding-top: 12px;padding-bottom: 12px;
    position: fixed !important;
    left: 0px !important;
    width: 100% !important;
}
#header.header_fixed:before{
    display: none;
}
.home #header {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}
.home-slider-off #header{
    position: inherit;
    float: left;
    width: 100%;
    box-shadow: none;
    background-color: #000;
}
#header:before {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    background:-webkit-gradient(linear, 0 100%, 0 0, from(#f5e0ae), color-stop(0.25, #f5e0ae), color-stop(0.25, #ec1821), color-stop(0.5, #ec1821), color-stop(0.5, #376987), color-stop(0.75, #376987), color-stop(0.75, #c4c4c4), to(#c4c4c4));
    background:-webkit-linear-gradient(90deg, #f5e0ae 0%, #f5e0ae 25%, #ec1821 25%, #ec1821 50%, #376987 50%, #376987 75%, #c4c4c4 75%, #c4c4c4 100%);
    background:-moz-linear-gradient(90deg, #f5e0ae 0%, #f5e0ae 25%, #ec1821 25%, #ec1821 50%, #376987 50%, #376987 75%, #c4c4c4 75%, #c4c4c4 100%);
    background:-o-linear-gradient(90deg, #f5e0ae 0%, #f5e0ae 25%, #ec1821 25%, #ec1821 50%, #376987 50%, #376987 75%, #c4c4c4 75%, #c4c4c4 100%);
    background:linear-gradient(90deg, #f5e0ae 0%, #f5e0ae 25%, #ec1821 25%, #ec1821 50%, #376987 50%, #376987 75%, #c4c4c4 75%, #c4c4c4 100%) repeat scroll 50% 0 transparent;
}
#header li {
    list-style: none;
}
/*Top Header*/
/*Logo Area*/
.logo {
    float: left;
    padding-top: 6px;
}

.logo img {
    float: left;
}
.left-header{
    float: left;
    width: 82%;
}
.right-header {
    float: right;
    margin-top: 4px;
}
.right-header .btn {
    border-radius: 0px;
    line-height: 24px;
    padding: 0 8px;
	float:left;
    font-size: 10px;
    margin-right: 5px;
}

/*
search Area
*/

/*
=======================================
Navigation Section
=======================================
*/
.navigation{
    display: inline-block;
    margin: 2px 0px 0px 0px;
}
.navigation > ul {
    margin: 0;
    float: left;
}

.navigation > ul > li {
    float: left;
    position: relative;
    line-height: 32px;
    padding: 0 10px;
}
.navigation > ul > li > a {
    display: block;
    float: left;
    color: #fff;
    padding: 0;
    font-size: 13px;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;

}
.navigation > ul > li:first-child > a:after {
    display: none;
}

.navigation > ul > li > a:before {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 2px dotted #ce1a37;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.navigation > ul > li:hover > a ,nav.navigation > ul > li.current-menu-item > a, nav.navigation > ul > li.current-menu-ancestor > a{
   color: #fff;
}
nav.navigation > ul > li:hover > a:before, nav.navigation > ul > li.current-menu-item > a:before, nav.navigation > ul > li.current-menu-ancestor > a:before{
   opacity: 1;
   visibility: visible;
}
.navigation ul ul {
    float:left;
    position:absolute;
    top:50px;
    left:50%;
    margin: 0;
    margin-left: -91px;
    border-radius: 4px;
    z-index:9999;
    background:#fff;
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
    width:192px;
    opacity: 0;
    padding: 15px 0;
    text-align: left;
    visibility: hidden;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translateY(20px);
       -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
         -o-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
       -moz-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
        -ms-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
         -o-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
            transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
}
.navigation ul ul:before  {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #fff transparent;
}
.navigation ul ul ul:before {
    display: none;
}
.navigation ul ul li{
    float:left;
    width:100%;
    margin-bottom: 3px;
    padding: 0 10px;
    position:relative;
}

.navigation ul ul ul {
    left: 100%;
    top: 0;
    margin-left: 6px;
}
.navigation ul ul a {
    width:100% ;
    display:block;
    padding:0px 14px;
    margin:0;
    font-size:11px;
    color:#000 ;
    line-height: 30px;
    border-radius: 20px;
    font-weight: 400;
    text-transform: uppercase;
     font-family: 'Roboto Slab', serif;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.navigation ul ul li:first-child a {
    border-top: none;
}
.navigation ul ul li:hover > a {
    color:#fff;
}
.navigation ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
}
/* Safari only override */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari only override */
    ::i-block-chrome,.navigation ul li > ul {
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
            display: none;
            top: 41px;
    }
    ::i-block-chrome,.navigation ul ul ul{
        top: 0px;
    }
    ::i-block-chrome,.navigation ul li:hover > ul {
        display: block;
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
    }
    ::i-block-chrome,#lang_sel ul ul{
        visibility: visible;
        display: none;
    }
    ::i-block-chrome,#lang_sel ul li:hover ul, #lang_sel ul a:hover ul{
        display: block;
    }
    ::i-block-chrome,#header:before{
        display: none;
    }
}
.navigation select {
    display: none;
    width:100%;
    float:left;
    color:#fff;
    padding:6px;
    margin:0;
    background-color:#666;
    border:#5b4427 solid 1px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.topindex {
    position:relative;
    z-index:10;
}
.cs-click-menu{
    display: none;
    width: 50px;
    height: 32px;
    background-color: #1b1b1b;
    color: #fff;
    text-align: left;
    padding: 5px 15px;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
}
.navigation ul ul > li.parentIcon > a:before{
    content: "\f105";
    font-family: FontAwesome;
    float: right;
}

/*
=====================================
Main Section
=====================================
*/
#main {
    float: left;
    width: 100%;
    padding-top: 30px;

}
#banner {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    min-height: 400px;
}
.wrapper_boxed #sliderbanner{
    max-height: 550px;
}

#banner .flex-control-nav,#banner .flex-direction-nav {
    display: none;

}
#sliderbanner {
    float: left;
    width: 100%;
    position: relative;
    z-index: 10;
    max-height: 520px;
}
.cycle-slideshow {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.cycle-slideshow article {
   white-space: normal;
}
#sliderbanner article {
   display: inline-block;
   vertical-align: top;
   width: 100%;
   
}
#sliderbanner article:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 58%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(58%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 58%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 58%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 58%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 58%,rgba(0,0,0,0) 100%);
  
}
#sliderbanner article img {
    width: 100%;
}
#sliderbanner .caption {
    position: absolute;
    top: 11%;
    width: 420px;
    left: 50%;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateX(-40px);
       -moz-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
         -o-transform: translateX(-40px);
            transform: translateX(-40px);
            -webkit-transition: all .3s linear 0.4s;
               -moz-transition: all .3s linear 0.4s;
                -ms-transition: all .3s linear 0.4s;
                 -o-transition: all .3s linear 0.4s;
                    transition: all .3s linear 0.4s;
    padding: 45px 20px;
    padding-bottom: 60px;
    margin-left: -535px;
    background: rgba(0,0,0,0.5);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

}
.wrapper_boxed #sliderbanner .caption{
    top: 22%;
    width: 60%;
}
#sliderbanner .cycle-slide-active .caption {
    opacity: 1;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
}
#sliderbanner .caption h2 {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 14px;
    text-shadow: 0 0 3px #000;
}
#sliderbanner .caption p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
    font-family: 'Roboto Slab', serif;
}
#sliderbanner .caption .btn {
    font-weight: normal;
    background: #029e3d;
}
#sliderbanner .caption:before ,#sliderbanner .caption:after{
    content: '';
    width: 380px;
    height: 7px;
    position: absolute;
    left: 20px;
    top: 20px;
    opacity: 0.8;
    background: url(images/bg-patt1.png) repeat 0 0;
    
}
#sliderbanner .caption:after {
    top: auto;
    bottom: 20px;
}

/*
Pagination Area
*/
#sliderpagination {
    float: left;
    width: 100%;
    left: 0;
    position: absolute;
    bottom: 0;
    z-index: 99;
}
#banner-pager {
    display: table;
    width: 100%;
    float: left;
    margin: 0;
    table-layout: fixed;
}
#banner-pager ul {
    display: table-row;
    float: none;
    margin: 0;
}
#sliderpagination li {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0;
    padding-bottom: 5px;
    background: rgba(17,32,63,0.8);
    list-style: none;
    color: #fff;
    width: auto;
    margin: 0 0 0 0px;
    border-left: 1px solid rgba(0,0,0,0.2);
    cursor: pointer;
    text-shadow: 0 0 3px #000;
    position: relative;
    font-family: 'Roboto Slab', serif;
}
#sliderpagination li .pager-desc {
    padding: 0 15px;
    padding-bottom: 10px;
    line-height: 14px;
    position: relative;
}
#sliderpagination li .pager-desc:before {
    content: '';
    position: absolute;
    left: 0;
    top: -20px;
    width: 100%;
    height: 5px;
    display: none;
    background: #000;
    
}
#sliderpagination li.cycle-pager-active .pager-desc:before {
    display: block;
}
#sliderpagination li span.cs-number {
    float: left;
    width: 50px;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 30px;
    font-weight: bold;
}
#sliderpagination li span.cs-desc {
    font-size: 12px;
    line-height: 1.4;
}


/*
==================================
Main Section
==================================
*/

#main {
    float: left;
    width: 100%;
    padding-top: 40px;
}

/*
======================================
Blog 
======================================
*/

.cs-blog {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.cs-blog article {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.cs-blog.blog-grid figure {
    float: left;
    width: 100%;
}
.cs-blog  figure figcaption {
    float: left;
    width: 100%;
    height: 100%;
}
a.readmore {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 24px;
    color: #fff;
    display: none;
    margin: -15px 0 0 -15px;
}
.cs-blog  article:hover figcaption {
    background: rgba(0,0,0,0.5);
} 
.cs-blog  article:hover figcaption a.readmore {
    display: block;
}
.cs-blog figure figcaption .btn {
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    line-height: 27px;
}
.cs-blog figure figcaption .btn i{
    margin-right: 6px;
}
.cs-blog.blog-grid {
    width: 103%;
    margin-left: -3%;
}
.cs-blog.blog-grid article {
    width: 30%;
    margin: 0 0 3% 3%;
    float: none;
    display: inline-block;
    vertical-align: top;
}
.col-md-9 .cs-blog.blog-grid article {
    width: 46.6666%;
}
.cs-blog.blog-grid .text {
    float: left;
    width: 100%;
    padding-top: 20px;
}
.cs-blog .text h2 {
    margin-bottom: 12px;
}

.cs-blog-panel {
    float: left;
    width: 100%;
    padding-top: 16px;
	background: url(images/bg-double-border.png) repeat-x left top;
}
.cs-blog-panel .post-options {
    float: left;
    width: auto;
    margin: 0;
}
.cs-blog-panel a.btnshare {
    float: right;
    color: #666;
    line-height: 20px;
    font-size: 13px;
}
.cs-blog .text p {
    margin-bottom: 20px;
}
/*
=============================
Blog Medium View
=============================
*/
.cs-blog.blog-medium figure {
    float: left;
    width: 343px;
}
.cs-blog.blog-medium .text {
    float: none;
    margin-left: 372px;
}
.cs-blog.blog-medium article {
    margin-bottom: 40px;
}
/*
=============================
Blog Carousel View
=============================
*/
.cs-carousel-control {
    float: right;
    font-size: 35px;
    line-height: 52px;
    color: #979797;
}
.cs-carousel-control span {
    display: block;
    float: left;
    margin: -5px 0px 0px 15px;
    cursor: pointer;
}
.cs-blog.blog-grid.blog-carousel-view {
    width: 100%;
    margin: 0 0 50px 0;
}
.cs-cycle-wrapper {
    vertical-align: top;
}
.cs-blog.blog-grid.blog-carousel-view article {
    text-align: center;
    width: 197px;
    float: left;
    vertical-align: top;
    margin: 0 0px 0 20px;
}
.element_size_33 .cs-post-title{
    font-size: 14px;
}
.cs-blog.blog-grid.blog-carousel-view .cycle-slideshow article{
    float: none;
    display: inline-block;
    width: 197px;
}
.cs-blog.blog-grid.blog-carousel-view article h2{
    font-size: 16px;
}
.cs-blog.blog-grid.blog-carousel-view article.featured-slide {
    width: 400px;
    margin-left: 0px;
}
.cs-blog.blog-grid.blog-carousel-view article .post-options {
    margin-bottom: 0;
    padding-top: 0;   
    padding-bottom: 20px;
    background: none;
    border-bottom: 6px solid #f5e0ae;
}
.cs-blog.blog-grid.blog-carousel-view article .post-options li ,.cs-blog.blog-grid.blog-carousel-view article .post-options li a {
    color: #999;
}

/*=====================================
    Calender Start
======================================*/
.cs-color-filter{
    float: left;
    background-color: #fff;
    padding: 7px 18px;
    box-shadow: 0px 0px 2px 1px #e3e3e3;
    margin: 0px 0px 32px 0px;
}
.cs-color-filter ul li{
    list-style: none;
    float: left;
    margin: 0px 0px 0px 24px;
    font-family: 'Roboto Slab', serif;
}
.cs-color-filter ul li:first-child{
    margin: 0px;
}
.cs-color-filter ul li a{
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
}
.cs-color-filter ul li a:after{
    content: '';
    margin: 0px 0px 0px 7px;
    width: 31px;
    height: 8px;
    display: inline-block;
    background-color: #0e1e32;
    border-radius: 2px;
}
.cs-color-filter ul li:nth-child(2) a:after{
    background-color: #61a1e2;
}
.cs-color-filter ul li:nth-child(3) a:after{
    background-color: #2ba958;
}
.cs-color-filter ul li:nth-child(4) a:after{
    background-color: #d72727;
}
.calendar #calendar .Buy-Now{
    background-color: #0E1E32 !important;
    color: #fff;
}
.calendar #calendar .Full-Booked{
    background-color: #61A1E2 !important;
}
.calendar #calendar .Free{
    background-color: #2BA958 !important;
}
.calendar #calendar .Cancelled{
    background-color: #D72727 !important;
}
/*
=====================================
Footer Widgets Area
=====================================
*/

#footer-widgets {
    float: left;
    width: 100%;
    background: #141414;
    padding-top: 60px;
}

#footer {
    float: left;
    width: 100%;
    background: #101010;
    padding: 40px 0;
    text-align: center;
}

#footer p {
    margin-bottom: 0;
    font-size: 12px;
    color: #999;
}
#footer p a{
    color: #999;
}
/*====*/
.cs-blog.blog-medium article.no-image .text, 
.event.eventlisting article.no-image .text{
    margin-left:0;
    width:100%;
    float:left;
    padding-left:0;
}
.no-image figure{
    background-color:#000;
    width:100%;
    float:left;
    height:188px;
}
.event.eventlisting article.no-image .text .cs-buynow{
    bottom:40px;
}
.col-md-6 .cs-blog.blog-grid article .text a.btnshare{
    float:left;
}
.col-md-6 .cs-blog.blog-medium figure{
    margin-bottom:20px;
}
.col-md-6 .cs-blog.blog-medium .text{
    width:100%;
    float:left;
    margin-left:0;
}
.col-md-6 #respond .comment-form p{
    width:100%;
    float:left;
    margin-left:0;
}
.col-md-6 .event.eventlisting article figure{
    margin-bottom:20px;
}
.col-md-6 .event.eventlisting article .text{
    width:100%;
    float:left;
    padding-left:0;
}
.col-md-6 .event.event-grid article{
    width:100%;
    float:left;
}
.col-md-6 .event.event_detail .detail_figure iframe{
    width:100%;
    float:left;
}
.col-md-6 .event.event_detail .detail_inner .text{
    margin-left:0;
    width:100%;
    float:left;
}
.col-md-6 .event.event_detail .detail_inner figure{
    margin-bottom:20px;
}
/*====*/
/* Team Detail Start */
.contant-info ,article, .text-detail{
    width:100%;
    float:left;
}
.team-detail{
    float:left;
    width:100%;
}
.col-left{
    float:left;
    width:38%;
    padding: 0px 25px 0px 0px;
}
.col-right{
    float:right;
    width:62%;
}
.contant-info article{
    padding-bottom:25px;
    margin-bottom:25px;
    border-bottom:1px dotted #cccccc;
}
.contant-info article figure,
.contant-info article figure img{
    width:100%;
}
.contant-info{
    border-left:1px solid #ececec;
    border-right:1px solid #ececec;
    border-bottom:1px solid #ececec;
    position:relative;
    margin-bottom:20px;
}
.contant-info:before{
    content:"";
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    height:6px;
    border-bottom:6px solid #f5e0ae;
}
.contant-info article .text{
    padding:20px 20px 0px 20px;
    float:left;
    width:100%;
}
.contant-info article .text h5{
    margin-bottom:5px;
    font-size:12px;
}
.contant-info .text h5 a,
.contant-info .text span a{
    color:#999;
    font-family: 'Open Sans', sans-serif;
    font-weight:500;
    text-transform:uppercase;
}
.contant-info .text span{
    margin-bottom:5px;
    float:left;
}
.contant-info article .text .followus{
    margin-bottom:0px;
}
.contant-info .text .followus a{
    margin:0px 12px 0px 0px;
}
.contant-info ul{
    width:100%;
    float:left;
}
.address-sec .cs-addres-cse ul{
    margin-bottom:0px;
}
.contant-info ul{
    float:left;
    list-style:none;
}
.contant-info ul li:last-child{
    border-bottom:none;
    margin-bottom:0px;
}
.contant-info ul li{
    float:left;
    width:100%;
    list-style:none;
    margin-bottom:14px;
    border-bottom:1px dotted #cccccc;
    padding:0px 20px 14px 20px;
}
.contant-info ul li .postel-text{
    margin-bottom:0;
}
.contant-info ul li .fa-mobile{
    font-size:20px;
}
.contant-info ul li p{
     margin-bottom:0px;
     color:#666;
     font-size:12px;
     float:left;
     line-height:1.9;
     font-family: 'Open Sans', sans-serif;
     width: 85%;
}
.contant-info ul li p strong{
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
}
.contant-info ul li i{
    float:left;
    width:27px;
    margin-top:3px;
    color:#606060;
}
.text-detail h4{
    font-size:16px;
    font-weight:400;
    color:#2b2b2b;
    margin-bottom: 8px;
}
.text-detail .tick-list{
    margin:0px 0px 30px 0px;
    padding:0px;
}
.tick-list li{
    list-style:none;
    background:url(images/tickbg.png) left center no-repeat;
    padding-left:18px;
    font-size:13px;
    color:#444444;
}
blockquote .auther-name{
    font-size:12px;
    color:#777777;
    font-style:normal;
     font-family: 'Open Sans', sans-serif;
     font-weight:normal;
     margin-top:10px;
}
.gallery{
    width:100%;
    float:left;
    margin-bottom:30px;
}
.gallery h4{
    margin-bottom:20px;
    font-weight:400;
}
.gallery ul{
    float:left;
    margin:0px 0px 0px -10px;
    padding:0px;
}
.gallery ul li{
    float:left;
    width: 22.6%;
    list-style:none;
    margin:0px 0px 10px 10px;
}
.gallery ul li figure,
.gallery ul li figure img{
    float:left;
    width:100%;
}
/* Team Detail End */
/*
=====================
BreadCrumb Start
=====================
*/
.breadcrumb {
    float:left;
    width:100%;
    position:relative;
    background-color:#0e1f33;
}
.subtitle p{
    color: #fff;
}
.breadcrumb-inner{
    float:left;
    width:100%;
    padding: 30px 0;
    position:relative;
}
.breadcrumb-inner{
    background:url(images/bg-map.png) no-repeat right;
}
.breadcrumb:after{
    content:'';
    position:absolute;
    width:100%;
    height:7px;
    bottom:0;
    background: url(images/bg-patt1.png);
}
.subtitle {
    display: table-cell;
    float:left;
    width: 770px;
}
.breadcrumbs {
    display: table-cell;
    float: right;
    padding-top:11px;
}
.breadcrumbs ul {
    float: left;
    margin: 0;
    padding:3px;
    background:url(images/bg-patt1.png);
}
.breadcrumbs ul li {
    float: left;
    position: relative;
    padding:0 3px;
    line-height:16px;
    background-color:#0e1f33;
}
.breadcrumbs ul li:before{
    content: "\f0da";
    margin:0 7px;
    font-size:9px;
    font-family: 'FontAwesome'; 
    color:rgba(255, 255, 255, 0.5);
}
.breadcrumbs ul li a {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    font-size: 9px;
    padding: 1px 0px;
    color:rgba(255, 255, 255, 0.5);
}
.breadcrumbs ul li.active{
    color:rgba(255, 255, 255, 0.5);
}
.breadcrumbs ul li:first-child:before{
    display: none;
}
/*
=====================
Time Line V2
=====================
*/
.cs-timeline.cs-timeline-v2{
    float:left;
    width:100%;
}
.cs-timeline.cs-timeline-v2 article{
    padding:0px 25px 0px 75px;
}
.cs-timeline.cs-timeline-v2 article:hover{
    background:#fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
     -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
         box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.cs-timeline.cs-timeline-v2 article:hover:before{
    box-shadow: 0 0 0 10px #c5c9cc;
    background-color:#9c9fa1;
}
.cs-timeline.cs-timeline-v2 article figure{
    float:left;
    width:260px;
    position:relative;
}
.cs-timeline.cs-timeline-v2 article figure img{
    width:100%;
}
.cs-timeline.cs-timeline-v2 article figure figcaption{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    background:rgba(14, 31, 51, 0.5);
    -webkit-transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
     -ms-transition:all 0.2s ease-out 0s;
      -o-transition:all 0.2s ease-out 0s;
         transition:all 0.2s ease-out 0s;
}
.cs-timeline.cs-timeline-v2 article:hover figure figcaption{
    opacity:1;
    -webkit-transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
     -ms-transition:all 0.2s ease-out 0s;
      -o-transition:all 0.2s ease-out 0s;
         transition:all 0.2s ease-out 0s;
}
.cs-timeline.cs-timeline-v2 article figure figcaption a{
    position:absolute;
    top:50%;
    left:50%;
    margin:-20px 0 0 -12px;
    font-size:30px;
    color:#fff;
}
.cs-timeline.cs-timeline-v2 article .text{
    margin:0 0 0 285px;
    padding:25px 0;
}
.cs-timeline.cs-timeline-v2 article .text .left-timeline-sec h2{
    font-size:22px;
    margin-bottom:8px;
    width:100%;
}
.cs-timeline.cs-timeline-v2 article .text .left-timeline-sec time{
    margin:0;
    padding:0;
    margin-bottom:6px;
}
.cs-timeline.cs-timeline-v2 article .text .left-timeline-sec time:before{
    display:none;
}
.cs-timeline.cs-timeline-v2 article .text .right-timeline-sec{
    float:left;
}
.cs-timeline.cs-timeline-v2 article .text .right-timeline-sec a{
    font-weight:600;
    text-transform:capitalize;
}
/*
=================================
CountDown
=================================
*/
.widget-countdown {
    width: 100%;
    color:#999;
    font-size:30px;
    position: relative;
    display:inline-block;
    text-align:center;
    padding:37px;
    background-color:#f3f3f3;
    text-transform:lowercase;   
}
.widget-countdown h2{
    text-transform:uppercase;
    font-size:14px; 
}
.widget-countdown strong {
    font-weight: 700;
    color:#333;
    font-size:26px;
    font-family: 'Roboto Slab', serif;
}
.widget-countdown em{
    font-style:normal;
    color:#333;
}
/*
=====================
Causes Medium
=====================
*/
.causes{
    float:left;
    width:100%;
}
.causes.causes-medium{
    float:left;
    width:100%;
}
.causes.causes-medium article{
    float:left;
    width:100%;
    margin-bottom:39px;
    position:relative;
    background-color:#f6f6f6;
}
.causes.causes-medium article figure{
    float:left;
    width:340px;
    position:relative;
}
.causes.causes-medium article figure img{
    width:100%;
}
.causes.causes-medium article .text{
    margin: 0 0 0 370px;
    padding: 20px 20px 20px 0px;
}
.causes.causes-medium article .text p{
    margin-bottom:20px;
}
.causes.causes-medium article figure figcaption{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.causes.causes-medium article figure figcaption a.cs-btn-donate{
    position:absolute;
    top:50%;
    left:50%;
    margin:-15px 0 0 -80px;
    color:#fff;
    padding:0 40px;
    line-height:33px;
    border-radius:2px;
}
.progress-bar-charity {
    float: left;
    width: 100%;
    background: #d5d5d5;
    border-radius: 2px;
    overflow: visible;
    height: 10px;
    visibility: visible;    
}
.progress-wrap{
    float:left;
    width:100%;
    padding:5px;
    background-color:#e7e7e7;
    height:20px;
    margin-bottom:16px;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0,0,0,0.3) inset;
}
.progress-bar-charity div {
    width:0;
    overflow: visible;
    height: 10px;
    display: block;
    visibility: visible;
    position: relative;
    border-radius: 2px 0px 0px 2px;
}
.progress-desc {
    float:left;
    width:100%;
    margin-bottom: 20px;
}
.progress-desc  span {
    float: left;
    font-size: 13px;
    color: #444;
    font-weight: 700;
}
.progress-desc  span.progress-box-left{
    float:left;
}
.progress-desc  span.progress-box-right{
    float:right;
}
/*
=====================
Causes Grid
=====================
*/
.causes.causes-medium.causes-grid{
    float:left;
    width:103%;
    margin-left:-3%;
}
.causes.causes-medium.causes-grid article{
    float:none;
    display: inline-block;
    vertical-align: top;
    width:30%;
    margin-left:3%;
    margin-bottom:3%;
    min-height: 304px;
}
.col-md-12 .causes.causes-medium.causes-grid article{
    min-height: 356px;
}
.causes.causes-medium.causes-grid article figure{
    float:left;
    width:100%;
}
.causes.causes-medium.causes-grid article.no-image figure{
    height: 192px;
}
.col-md-12 .causes.causes-medium.causes-grid article.no-image figure{
    height: 220px;
}
.causes.causes-medium.causes-grid article .text{
    margin-left:0;
    float:left;
    width:100%;
    padding:15px 15px 15px 15px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #f5f5f5;
}
.col-md-9 .causes.causes-medium.causes-grid article.article-desc-show{
    height: 432px;
}
.col-md-12 .causes.causes-medium.causes-grid article.article-desc-show{
    min-height: 440px;
}
.causes.causes-medium.causes-grid article .text h2.cs-post-title{
    font-size: 16px;
}
.causes.causes-medium.causes-grid article .text a.cs-btn-donate,
.causes.causes-medium.causes-grid article .text span.cs-btn-donate{
    float:left;
    color:#fff;
    padding:0 40px;
    line-height:33px;
    border-radius:2px;
    width: 100%;
}
.causes.causes-medium.causes-grid article .text span.cs-btn-donate{
    cursor: text;
}
/*
=====================
Causes Detail Start
=====================
*/
.causes.causes-detail{
    float:left;
    width:100%;
}
.causes.causes-detail article.detail-figure{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.causes.causes-detail article.detail-figure figure{
    float:left;
    width:100%;
}
.causes.causes-detail article.detail-figure figure img{
    width:100%;
}
.causes.causes-detail article.detail-figure .bottom-cause{
    float:left;
    width:100%;
    margin-bottom:25px;
    border:1px solid #e3e3e3;
    box-shadow:0 0 2px rgba(0, 0, 0, 0.2);
}
.cause-left{
    float:left;
    width:30%;
    font-size:26px;
    font-weight:300;
    text-align:center;
    padding:24px 15px;
    line-height:1.8;
    font-family: 'Roboto Slab', serif;  
}
.cause-left span{
    font-weight:700;
}
.cause-right{
    float:right;
    width:70%;
    min-height:90px;
    position:relative;
    padding:30px 165px 20px 20px;
    border-left:1px solid #e3e3e3;
}
.cause-right .cs-btn-donate{
    position:absolute;
    top:29px;
    right:18px;
    line-height:34px;
    border-radius:2px;
}
.cause-right .progress-desc{
    margin-bottom:0;
}
.cause-right .progress-wrap{
    margin-bottom:8px;
}
.causes.causes-detail article.detail-figure .detail-text{
    float:left;
    width:100%;
}
.loader_img i{
    color: #fff;
}
/*
=====================
PopUp Box-1 Start
=====================
*/
.modal-dialog{
    width:533px;
    margin:170px auto;
}
.modal-header{
    padding:20px 30px;
    background-color:#2f2f2f;
}
.modal-header h2{
    font-size:35px;
    color:#fff;
    margin-bottom:0;
    text-transform:uppercase;
}
.modal-content{
    border-radius:0;
}
.modal-header .close{
    font-size:27px;
    margin-top:8px;
    color: rgba(255, 255, 255, 0.2);
}
.modal-body{
    float:left;
    width:100%;
    padding:0;
    background-color:#fff;
}
.modal-body ul{
    float:left;
    width:100%;
    margin-bottom:0;
}
.modal-body ul li{
    float:left;
    width:100%;
    padding:30px 30px;
    list-style:none;
    border-bottom:1px solid #e4e4e4;
}
.modal-body ul li:last-child{
    border-bottom:none;
}
.modal-body ul li i{
    float:left;
    font-size:28px;
    width:45px;
}
.modal-body ul li h4{
    float:left;
    color:#000;
    font-size:20px;
    font-weight:700;
    margin-bottom:0;
    line-height:1.7;
    text-transform:capitalize;
}
.modal-body ul li .btn{
    float:right;
    width:119px;
    line-height:36px;
    border-radius:2px;
    text-align:center;
}
/*
=========================================
PopUp Box-2 Start
=========================================
*/
.cs-donation-form .modal-content{
    border-radius:0;
    background:#2d2d2d;
    border:none;
}
.cs-donation-form .modal-dialog{
    width:600px;
}
.cs-donation-form .modal-header h2{
    margin-bottom:0;
    line-height:40px;
    font-size:20px;
    color:#fff;
}
.cs-donation-form .modal-header i{
    float:left;
    color:#fff;
    font-size:20px;
    margin: 10px 18px 0 0;
}
.cs-donation-form .modal-body{
    padding:30px 30px 0 30px;
}
.cs-donation-form .modal-body h4{
    text-align:center;
    margin-bottom:24px;
}
.cs-donation-form ul{
    width:101%;
    margin:0 0 30px 0;
    margin-left:-1%;
}
.cs-donation-form ul li{
    list-style:none;
    display:inline;
    margin-left:1%;
    width:auto;
    padding:0;
    border-bottom:none;
}
.cs-donation-form ul li label{
    display:inline-block;
    width:96px;
    height:75px;
    line-height:75px;
    vertical-align:top;
    background-color:#2f2f2f;
    text-align:center;
    color:#fff;
    font-size:24px;
    font-weight:400;
    border-radius:4px;
    font-family: 'Roboto Slab', serif;
    cursor: pointer;
}
.cs-donation-form ul li label input {
    height: 0;
    left: -20px;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 0;
}
.cs-donation-form .modal:before {
    background:rgba(0, 0, 0, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.cs-donation-form .modal-footer{
    position:relative;
    border-top:none;
    margin-top:0;
    float:left;
    width:100%;
    background-color:#fff;
    padding:20px 30px 30px 30px;
}
.cs-donation-form .modal-footer form{
    float:left;
    width:100%;
    min-height:64px;
    border-radius:3px;
    background-color:#ededed;
    border:1px solid #cfcfcf;
    padding:17px 16px 17px 20px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
    font-family: 'Roboto Slab', serif;
}
.cs-donation-form .modal-footer label{
    width:85%;
    float:left;
}
.cs-donation-form .modal-footer label {
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    min-height: 36px;
    margin: 0;
    position: relative;
    width: 67.3%;
}
.cs-donation-form .modal-footer label span,
.cs-donation-form .modal-footer label em {
    color: #616161;
    float: left;
    font-size: 30px;
    font-weight:400;
    line-height: 34px;
}
.cs-donation-form .modal-footer label em{
    font-style:normal;
    margin-left: 0;
    color:#ccc;
    text-transform:uppercase;
}
.cs-donation-form .modal-footer label input {
    float: left;
    color:#616161;
    font-size:30px;
    font-weight:300;
    background:none;
    width: 218px;
    height: 40px;
    margin-top: -4px;
}
.cs-donation-form .modal-footer .donate-btn {
    background:#272727;
    float: right;
    line-height: 36px;
    padding: 0 14px;
    border-radius:2px;
}
.cs-donation-form .modal-footer .donate-btn  input{
    background:none;
    font-size:14px;
    color:#fff;
    font-weight:400;
    text-transform:capitalize;
}
.other-options{
    display:inline-block;
    text-align:center;
    width:100%;
    overflow:hidden;
}
.opt-or {
    width: 32px;
    color: #fff;
    line-height: 32px;
    display:inline-block;
    text-align: center;
    background:#cfcfcf;
    border-radius: 32px;
    position:relative;
}
.opt-or:before, .opt-or:after{
    content:'';
    top:50%;
    left:100%;
    position:absolute;
    width:9999px;
    background:#cfcfcf;
    margin-left:7px;
    height:1px;
}
.opt-or:after{
    right:100%;
    left:auto;
    margin-right:7px;
}
/*
==============================================
Pagination Start
==============================================
*/
.pagination{
    float:left;
    width:100%;
    text-align:center;
    display: inline-block;
    font-family: 'Roboto Slab', serif;
}
.pagination ul{
    display:inline-block;
    margin-bottom: 20px;
}
.pagination ul li{
    display: inline;
}
.pagination ul li a{
    position: relative;
    float:left;
    color:#666;
    font-size: 14px;
    padding:8px 17px;
    margin-left: -1px;
    border: 1px solid #dedede;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    -webkit-transition:all 0.45s ease-in-out 0s;
    -moz-transition:all 0.45s ease-in-out 0s;
     -ms-transition:all 0.45s ease-in-out 0s;
      -o-transition:all 0.45s ease-in-out 0s;
         transition:all 0.45s ease-in-out 0s;
}
.pagination ul li:hover a{
    padding:8px 17px 12px 17px;
    -webkit-transition:all 0.45s ease-in-out 0s;
    -moz-transition:all 0.45s ease-in-out 0s;
     -ms-transition:all 0.45s ease-in-out 0s;
      -o-transition:all 0.45s ease-in-out 0s;
         transition:all 0.45s ease-in-out 0s;
}
.pagination ul li a:before{
    content:'';
    position:absolute;
    width:100%;
    height:3px;
    top:-3px;
    left:0;
    display:none;
}
.pagination ul li a:hover:before{
    display:block;
}
/*
=====================
Styles With No Image
=====================
*/
.no-image figure{
    height:196px;
    background-color:#999;
    position:relative;
}
.no-image figure:before{
    content: "\f183";
    position:absolute;
    top:50%;
    left:50%;
    color:#fff;
    font-size:50px;
    margin: -25px 0 0 -10px;
    font-family: 'FontAwesome';
}

.cs-blog.blog-medium article.no-image .text{
    float:left;
    width:100%;
    margin-left:0;
}
.cs-blog.blog-grid article.no-image figure{
    height:192px;
}
.cs-blog.blog-grid.blog-carousel-view article figure{
    height:202px;
}
.cs-blog.blog-grid.blog-carousel-view article figure img{
    height: 100%;
}
.event.eventlisting article.no-image .text{
    padding-left:0;
}
.event.eventlisting article.no-image .text .cs-buynow{
    bottom:0;
}
.event.event-grid article.no-image figure{
    height:187px;
}
.causes.causes-medium article.no-image .text{
    float:left;
    width:100%;
    padding:20px;
    margin-left:0;
}
.team-shortcode article.team-shortcode-v1.no-image figure{
    height:251px;
}
.team-shortcode article.team-shortcode-v2.no-image figure{
    height:166px;
}
.col-md-12 .team-shortcode article.team-shortcode-v2.no-image figure{
    height: 250px;
}
.cs-timeline.cs-timeline-v2 article.no-image .text{
    float:left;
    margin-left:0;
}
.team-shortcode article .followus a:first-child{
    margin-left: 0px;
}
/*======Blog-Large======*/
.cs-blog.blog-large, .cs-blog.blog-large article, .cs-blog.blog-large article figure{
    width:100%;
    float:left;
}
.cs-blog.blog-large{
    border-bottom:3px solid #f5e0ae;
}
.cs-blog.blog-large article, .cs-blog.blog-large{
    margin:0 0 40px 0;
}
.cs-blog.blog-large article figure{
    margin:0 0 25px 0;
}
.calendardate-wrap{
    width:80px;
    float:left;
}
.calendardate-wrap .btn{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 20px;
    padding: 0 12px;
    border-radius:2px;
}
.calendardate-wrap .calendar-date{
    margin-bottom:10px;
}
.cs-blog.blog-large article .calendar-date span{
    width:100%;
    float:left;
}
.cs-blog.blog-large article .text{
    padding-left:80px;
}
.cs-blog.blog-large article .text h2{
    font-size:24px;
    margin-bottom:5px;
}
.cs-blog.blog-large article .text .cs-blog-panel a,
.share-post .btnshare{
    color: #777777;
    display: inline;
    font-size:12px;
    font-weight:600;
    line-height:15px;
    list-style: none outside none;
}
.cs-blog.blog-large article .text .cs-blog-panel a i,
.share-post .btnshare i{
    margin-right:8px;
}
.blog_detail .cls-post-audio figure.detail_figure{
    background-color: #3a3a3a;
    height: 300px;
    width: 100%;
}
.cs-blog .audiowrapp{
    max-width: 30px !important;
}
/*======Blog-Large Close======*/
/*======Blog-Detail======*/
.cs-blog.blog_detail, .cs-blog.blog_detail article, .cs-blog.blog_detail article figure,
.post-tags, .share-post, .about-author, .about-author figure a img{
    width:100%;
    float:left;
}
.cs-blog.blog_detail article figure{
    margin-bottom:16px;
}
.cs-blog.blog_detail article .cs-blog-panel{
    background:url(images/bg-double-border.png) repeat-x scroll left bottom;
    padding:0 0 16px 0;
    margin-bottom:5px;
}
.dropcap:first-letter{
    color: #132640;
    border: 5px solid #132640;
    padding: 8px 10px;
    float: left;
    margin: 9px 20px 0px 0px;
    font-size: 40px;
    font-weight: 600;
}
.post-tags{
    border-bottom: 3px solid #F5E0AE;
    padding-bottom:30px;
    margin-bottom:20px;
}
.post-tags i{
    float: left;
    margin: 5px 10px 0px 0px;
}
.post-tags h6{
    color:#777777;
    float:left;
    font-weight:600;
    text-transform:uppercase;
    margin: 3px 10px 0px 0px;
}
.post-tags h6 i{
    margin-right:8px;
}
.post-tags a{
    color:#777777;
    font-weight:600;
    font-size:12px;
    display:block;
    padding:3px 5px;
    background-color:#f2f2f2;
    border-radius:2px;
    margin-right:5px;
    margin-bottom: 5px;
    float: left;
}
.post-tags a:hover{
    background-color:#929292;
    color:#FFF;
}
.share-post{
    margin-bottom:35px;
}
.share-post .btnshare{
    float:left;
    padding-top:8px;
}
.share-post .prevnext-post{
    float:right;
}
.share-post .prevnext-post a{
    float:left;
    border:2px solid #d6d6d6;
    color:#d6d6d6;
    padding:5px 25px;
    margin-left:2px;
}
.share-post .prevnext-post a:hover{
    background-color:#6d6d6d;
    color:#FFF;
}
.about-author{
    border:1px solid #ececec;
    padding:35px 110px 35px 35px;
    border-radius:2px;
    margin:0 0 35px 0;
    background:url(../images/bg-author.html) no-repeat right bottom;
}
.about-author figure{
    width:59px;
    height:59px;
    float:left;
}
.about-author figure a img{
    border-radius:100%;
}
.about-author .text{
    padding-left:80px;
}
.about-author .text h4{
    font-size:16px;
    font-weight:400;
    color:#333333;
    margin-bottom: 5px;
}
.about-author .text a{
    font-size:12px;
    color:#666666;
}
.about-author .text a i{
    margin:3px 5px 0 0;
    font-size:16px;
    color:#b3b3b1;
    float:left;
}
/*======Blog-Detail Close======*/

/*======Comments======*/
#comments {
    float: left;
    width: 100%;
}
#comments ul li {
    list-style: none outside none;
}
#comments .cs-heading-title h2{
    font-size:18px;
    color:#333333;
}
#comments .thumblist {
    margin-bottom: 40px;
}
#comments .thumblist figure {
    border-radius: 100%;
    float: left;
    height: 48px;
    width: 48px;
}
#comments .text {
    margin-bottom: 25px;
    margin-left: 75px;
}
#comments .text header{
    width:100%;
    float:left;
    margin-bottom:8px;
}
#comments .text h5 {
    color: #333333;
    float: left;
    font-size:16px;
    font-weight:300;
    margin: 0 12px 0 0;
    text-transform:capitalize;
    width: auto;
}
#comments .text p {
    margin-bottom: 12px;
}
#comments .text time {
    color: #666666;
    float: left;
    font-size:12px;
    text-transform: capitalize;
}
#comments .text a{
    font-size:10px;
    color:#FFF;
    text-transform:uppercase;
    font-weight:600;
    background-color:#919191;
    padding:5px 15px 5px 10px;
}
#comments .text a i{
    margin-right:5px;
}
.children:after {
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    content: "";
    height: 22px;
    left:10px;
    position: absolute;
    top: 6px;
    width:50px;
}
.children {
    -moz-box-sizing: border-box;
    padding-left:60px;
    position: relative;
    width: 100%;
}
#comments ul {
    margin-left: 0;
}
/*======Comments Close======*/
/* Contect Us
================================================== */
.contact-us #respond {
    padding: 0;
}
.contact-us{
    width:100%;
    float:left;
    background-color:#fff;
    margin-bottom:60px;
    padding:30px;
    border-top: 4px solid #d0362c;
}
/*
==============================================
Respond Form Section
==============================================
*/
#respond{
    float:left;
    width:100%;
    background:#fff;
    margin-bottom:30px;
    font-family:'Roboto',serif;
}
#respond .cs-heading-title h2{
    font-size:18px;
    text-transform:capitalize;
    color:#333333;
    font-weight:500;
}
#respond .comment-form p{
    float: left;
    margin-bottom:15px;
    position: relative;
    width:32%;
    margin-left:20px;
}
#respond p.comment-form-comment.fullwidth{
    width: 100% !important;
}
.col-md-9 #respond .comment-form p{
    width: 31.5556%;
}
#respond .comment-form p:nth-child(2){
    margin-left: 0px;
}
#respond .comment-form .form-submit{
    margin-left:0;
    width:100%;
}
#respond .comment-form p:first-child{
    margin-left:0;
}
#respond .comment-form .comment-form-comment{
    margin-left:0;
    width:100%;
}
#respond form p label{
    float:left;
    width:100%;
    color:#333;
    font-size:14px;
    font-weight:500;
    text-transform:uppercase;
    margin-bottom:10px;
    line-height: 22px;
}
#respond .icon-input {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    z-index: 99;
}
#respond .icon-input i{
    position:absolute;
    top:6px;
    left:0px;
    display: block;
    float: left;
    width: 40px;
    line-height: 28px;
    text-align: center;
    height: 28px;
    z-index:9999;
    color:#ccc;
}
#respond .comment-form p input[type="text"], #respond .comment-form textarea{
    height:40px;
    width: 100%;
    border:1px solid #c5c5c5;
    padding-left: 35px;
    color:#999;
    position:relative;
    text-transform:capitalize;
    font-family: 'Open Sans', sans-serif;
    border-radius:0;
}
#respond .comment-form textarea{
    height:82px;
    padding:15px;
}
#respond form textarea{
    height:82px;
    padding:15px;
}
#respond form p input, #respond form p textarea{
    color: #c0c0c0;
    resize: none;
    font-weight:400;
    font-size: 12px;
    position:relative;
}
#respond form p input[type="text"]{
    position:relative;
}
#respond form p span input:focus, #respond form p textarea:focus{
    border: 1px solid #ce1a37;
    transition: all 0.5s ease-in-out 0s;
    background-color:#f6f6f6;
}
#respond .comment-form p span input:focus, #respond .comment-form p textarea:focus{
    border: 1px solid #444444;
    transition: all 0.5s ease-in-out 0s;
    background-color:#FFFFFF;
}
#respond .comment-form p input[type="submit"] {
    float:left;
    border: none;
    color: #fff;
    padding:10px 35px;
    font-size: 16px;
    background:#161616;
    font-weight:500;
    border-radius:2px;
    text-transform:uppercase;
    font-family: 'Roboto Slab', serif;
}
.event.event_detail #respond form .form-submit{
    margin-left:0;
}
#respond form p .comment-note{
    font-size:11px;
    color:#999;
    margin-top:11px;
    word-spacing:2px;
    font-style:italic;
    text-transform:capitalize;
    display:inline-block;
    font-family: 'Open Sans', sans-serif;
}
/*=====Event Medium=====*/
.event, .event.eventlisting, .event.eventlisting article{
    width:100%;
    float:left;
}
.event.eventlisting article{
    background-color:#f6f6f6;
    padding:20px;
    margin-bottom:20px;
}
.event.eventlisting article:hover{
    background-color:#FFF;
    box-shadow:0 0 2px rgba(0,0,0,0.3);
}
.event.eventlisting article figure{
    float: left;
    position: relative;
    width: 230px;
    z-index: 99;
}
.event.eventlisting article figure iframe{
    width:100%;
}
.event.eventlisting article .text{
    padding-left:260px;
    position:relative;
}
.event.eventlisting article .text h2{
    font-size:16px;
    color:#2b2b2b;
}
.event.eventlisting article .text p{
    float:left;
    background:url(images/bg-double-border.png) repeat-x left bottom;
    padding-bottom:15px;
}
.event.eventlisting article .text .post-options li,
.event.eventlisting article .text .post-options li time{
    float:left;
    padding:0 20px 10px 0;
    font-weight:500;
}
.event.eventlisting article .text .post-options li:last-child{
    padding-bottom:0;
}
.event.eventlisting article .text .post-options li time{
    padding:0;
}
.event.eventlisting article .text .post-options li i{
    width:10px;
    float:left;
    margin: 0 10px 0 0;
    text-align:center;
}
.event.eventlisting article .text .bottom-event .cs-buynow{
    position:inherit;
    bottom:auto;
    right:auto;
    background:#FFF;
    border:1px solid #e3e3e3;
    border-radius:3px;
    font-size:12px;
    color:#999999;
    font-weight:500;
    padding:2px 15px;
    z-index: 999;
}
.event.eventlisting article .text .cs-buynow{
    position:absolute;
    bottom:52px;
    right:0;
    background:#FFF;
    border:1px solid #e3e3e3;
    border-radius:3px;
    font-size:12px;
    color:#999999;
    font-weight:500;
    padding:2px 15px;
    z-index: 999;
}
.col-md-12 .event.eventlisting article .text .cs-buynow{
    bottom: 45px;
}
.element_size_50 .event.eventlisting article .text .cs-buynow{
    bottom: 19px;
}
.col-md-9 .event.eventlisting article .text .cs-buynow{
    bottom: 0px;
}
.bottom-event .buy-ticket, .bottom-event .liks{
    background-color:#8e8e8e;
    padding:0 15px;
    border-radius:3px;
    margin-right:7px;
    font-size:12px;
    text-transform:uppercase;
    font-weight: 700;
}
.bottom-event a{
    margin-bottom: 3px;
}
.blog_detail iframe{
    margin-bottom: 12px;
}
.liks{
    position:relative;
}
.bottom-event a span{
    background-color: #CE1A37;
    border-radius:9px;
    color:#FFFFFF;
    float:left;
    font-size:10px;
    font-weight:600;
    height: 18px;
    line-height:18px;
    padding:0 6px;
    position:absolute;
    right:-8%;
    top:-8px;
}
.full-booked,
.cancled{
    background-color:#FFF;
    font-size:12px;
    color:#2dbbd4;
    font-weight:500;
    border:1px solid #2dbbd4;
    border-radius:3px;
    padding:0 20px;
}
.cancled{
    border-color:#ce1a37;
    color:#ce1a37;
}
.event header h2{
    font-size: 22px;
}
.sortby{
    float: right;
    position: relative;
}
.sortby ul{
    position: absolute;
    right: 0px;
    top: 28px;
    background-color: #333333;
    width: 190px;
    border: 1px solid #666;
    padding: 12px;
    z-index: 30;
    visibility: hidden;
    opacity: 0;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
}
.sortby:hover ul{
    opacity: 1;
    visibility: visible;
    top: 32px;
}
.sortby ul:before{
    content: '';
    position: absolute;
    right: 0px;
    top: -2px;
    border-top: 2px solid #333;
    width: 57%;
    height: 2px;
}
.sortby ul li{
    list-style: none;
    border-top: 1px solid #666;
    padding: 4px 0px;
}
.sortby ul li:first-child{
    border-top: none;
}
.sortby ul li a{
    color: #acacac;
}
.sortby ul li a:hover{
    color: #fff;
}
.sort-link{
    background-color: #fff;
    border: 1px solid #666;
    color: #acacac;
    font-size: 10px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
/*=====Event Medium close=====*/
/*=====Event Grid =====*/
.event.event-grid{
    width:103%;
    float:left;
    margin:0 0 0 -3%;
}
.event.event-grid article figure, .event.event-grid article .text{
    width:100%;
    float:left;
}
.event.event-grid article figure iframe{
    width:100%;
}
.event.event-grid article{
    width: 31%;
    float: none;
    display: inline-block;
    vertical-align: top;
    background-color:#f6f6f6;
    margin:0 0 20px 2%;
}
.event.event-grid article .event-map{
    width: 100% !important;
}
.event.event-grid article .text{
    padding:25px;
}
.event.event-grid article .text h2{
    font-size:16px;
    color:#2b2b2b;
}
.event.event-grid article .text p{
    background:url(images/bg-double-border.png) repeat-x left bottom;
    float:left;
    padding-bottom:15px;
}
.event.event-grid article .text ul li{
    float:left;
    padding:0 20px 10px 0;
    font-weight:500;
}
.event.event-grid article .text ul li:last-child{
    padding-bottom:0;
}
.event.event-grid article .text ul li i{
    width:10px;
    float:left;
    margin: 0 10px 0 0;
    text-align:center;
}
/*=====Event Grid Close =====*/
/*=====Event Detail =====*/
.event.event_detail, .event.event_detail article, .detail_inner{
    width:100%;
    float:left;
}
.detail_inner{
    box-shadow:0 0 2px rgba(0,0,0,0.2);
     margin:-3px 0 35px 0;
     padding:20px;
}
.detail_inner figure{
    width: 230px;
}
.detail_figure + .detail_inner figure{
    margin: -50px 0px 0px 0px;
}
.event.event_detail article .detail_figure iframe{
    width:100%;
}
.detail_figure .detail_inner figure{
    height: 480px;
}
.detail_inner figure img{
    height: 100%;
}
.detail_inner .text{
    margin-left: 260px;
}
.event-detail .no-image .text{
    margin-left: 0px;
}
.no-event-map .detail_inner figure{
    margin-top: 0px;
}
.detail_inner .text .post-options{
    width:100%;
    float:left;
    background:url(images/bg-double-border.png) repeat-x left bottom;
    padding-bottom:25px;
    margin-bottom:25px;
}
.detail_inner .text ul li{
    float:left;
    padding:0 20px 18px 0;
    font-weight:500;
    list-style: none;
}
.detail_inner .text ul li:last-child{
    padding-bottom:0;
}
.detail_inner .text ul li time i,
.detail_inner .text ul li i{
    margin-right:10px;
}
.detail_inner .text .bottom-event .cs-buynow{
    background:#FFF;
    border:1px solid #e3e3e3;
    border-radius:3px;
    font-size:12px;
    color:#999999;
    font-weight:500;
    padding:0px 15px;
    z-index: 999;
    margin-right: 7px;
}
.detail_inner .text .bottom-event .buy-ticket{
    margin:0 10px 0 0px;
}
/*=====Event Detail Close =====*/
/*===== Contect Us =====*/
.cs-map,
.mapcode{
    width:100%;
    float:left;
    margin-bottom:30px;
}
#respond form p{
    float: left;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
}
/*===== Contect Form Seven  =====*/
div.wpcf7{
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
}
.wpcf7 form{
    margin: 0px 0px 0px -20px;
}
.wpcf7 form p{
    float: left;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    color: #333333;
    font-weight: 600;
    text-transform: capitalize;
    -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
       box-sizing:border-box;
       padding: 0px 0px 0px 20px;
}
.wpcf7 form p span{
    margin-top: 10px;
    float: left;
    width: 100%;
}
.wpcf7 form p input{
    width: 100%;
    float:left;
    border:1px solid #acacac;
    padding:4px 30px;
    border-radius:0px;
    height:40px;
}
.wpcf7 form p .wpcf7-form-control span{
    float: left;
    width: 23%;
}
.wpcf7 form p .wpcf7-form-control span .wpcf7-list-item-label,
.wpcf7 form p .wpcf7-form-control span input{
    width: auto;
}
.wpcf7 form p .wpcf7-form-control span input{
    margin-right: 7px;
}
.wpcf7 form p select.wpcf7-form-control{
    background-color: #DDDDDD;
    border: 1px solid #CCCCCC;
    padding: 6px;
    width: 100%;
    padding: 0px;
    background-color: #ddd;
    border: 1px solid #ccc;
}
.wpcf7-form-control.wpcf7-file {
    direction: rtl;
    padding: 0px;
}
.wpcf7 form p input.wpcf7-form-control.wpcf7-acceptance.wpcf7-invert{
    width: auto;
}
.wpcf7 form p input[type="submit"]{
    float:left;
    border: none;
    color: #fff;
    padding:14px 50px;
    font-size: 14px;
    background:#333333;
    font-weight:500;
    border-radius:2px;
    text-transform:uppercase;
    font-family: 'Roboto Slab', serif;
    width: auto;
    height: 44px;
    line-height: 18px;
}
.wpcf7-form-control-wrap.file-820 {
    width: 157px;
    height: 57px;
    background: url(images/upload-btn.png);
    overflow: hidden;
}
.wpcf7 form p .wpcf7-form-control.wpcf7-file {
    display: block;
    width: 157px;
    height: 57px;
    opacity: 0;
    overflow: hidden;
}
.wpcf7-validation-errors{
    float: left;
    width: 100%;
}
/*===== Contect Form Seven  =====*/
#respond form p.comment-notes{
    display: none;
}
#respond form p input[type="text"], #respond form textarea{
    width:90%;
    float:left;
    border:1px solid #acacac;
    padding:4px 30px;
    border-radius:3px;
    height:40px;
}
#respond form p .icon-input small{
    font-size:12px;
    color:#999999;
    font-family: 'Lato', sans-serif;
    font-weight:400;
    margin:5px 0 0 16px;
    display:inline-block;
    
}
#respond form textarea{
    width:100%;
    height:90px;
}
#respond form p input[type="submit"]{
    float:left;
    border: none;
    color: #fff;
    padding:14px 50px;
    font-size: 14px;
    background:#333333;
    font-weight:500;
    border-radius:2px;
    text-transform:uppercase;
    font-family: 'Roboto Slab', serif;
}
#respond form p em{
    font-size:11px;
    color:#9f9e9e;
    font-family: 'Lato', sans-serif;
    margin:18px 0 0 20px;
    display:inline-block;
}
#respond .cs-heading-title h2{
    font-size:20px;
    text-transform:capitalize;
    color:#000000;
    font-weight:500;
}
.text-widget{
    width:100%;
    float:left;
}
.text-widget h2{
    font-size:40px;
    color:#2B2B2B;
    font-weight:800;
    text-transform:capitalize;
}
.text-info p, .text-info ul li span{
    font-size:12px;
    color:#333333;
    font-weight:500;
    text-transform:uppercase;
    margin:0 0 5px;
    font-family: 'Roboto Slab', serif;
}
.text-info p i, .text-info ul li i{
    width:25px;
    float:left;
    color:#606060;
    margin:5px 0 0 0;
}
.postel-text, .text-info ul li p{
    padding-left:25px;
}
.postel-text{
    margin-bottom:20px;
}
.postel-text p, .text-info ul li p{
    font-size:13px;
    font-weight:500;
    text-transform:capitalize;
    color:#666666;
    font-family: 'Roboto Slab', serif;
}
.text-info ul li{
    list-style:none;
    margin-bottom:15px;
    float:left;
    width:100%;
}
.succ_mess{
    font-style: italic;
}
.succ_mess p:before{
    content: "\f00c";
    font-family: 'FontAwesome';
    float: left;
    margin: 0px 7px 0px 0px;
}
input.frm_error{
    border-color: red !important;
}
/*===== Contect Us Close =====*/
/*.........     Services Start  ............ */

.services{
    float: left;
    width: 103%;
    overflow: hidden;
    margin-left: -3%;
    margin-bottom: 30px;
    position:relative;
}
.services.border-bottom{
    position:relative;
}
.services.border-bottom:before{
    position:absolute;
    bottom:0;
    border:4px solid #f5e0ae;
    width:97%;
    float:left;
    left:3%;
    content:"";
}
.services article.service-v3{
    width: 30.3%;
    float: left;
    margin: 0 0 3% 3%;
    border:1px solid #cecece;
    padding:25px;
    border-radius:3px;
}
.services article.service-v3 figure{
    width:30px;
    height:28px;
    float:left;
}
.services article.service-v3 figure i{
    color:#0e1f33;
}
 .services article.service-v3 .text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: none;
    margin-left: 45px;
    padding: 0;
    position: inherit;
    width: auto;
 }
.services article.service-v3 .text p{
      margin:0;
 }
 .services article.service-v3 .text h5 {
    margin: 0;
    font-size: 16px;
    line-height: 1.9;
    text-transform:capitalize;
    font-weight:500;
}
.services article.service-v3 .text h2 a {
    color: #fff;
}
.services article.service-v3 .text i {
    position: absolute;
    right: 15px;
    top: -10px;
    color: #fff;
    font-size: 30px;
}
/*===========================
Style With Element Sie 50
===========================*/
.element_size_50 .team-shortcode article{
    width:47%;
}
.element_size_50 .cs-timeline.cs-timeline-v2 article figure{
    width:100%;
}
.element_size_50 .cs-timeline.cs-timeline-v2 article .text{
    margin-left:0;
    float:left;
}
.element_size_50 .cs-blog.blog-medium article figure{
    width:100%;
}
.element_size_50 .cs-blog.blog-medium article .text{
    margin-left:0;
    float:left;
    padding-top:15px;
}
.element_size_50 .cs-blog.blog-grid article{
    width:100%;
}
.element_size_50 .causes.causes-medium article figure{
    width:100%;
}
.element_size_50 .causes.causes-medium article .text{
    margin-left:0;
    float:left;
    padding:20px;
}
.element_size_50 .event.eventlisting article figure{
    width:100%;
}
.element_size_50 .event.eventlisting article .text{
    padding-left:0;
    float:left;
    padding:20px;
}
.element_size_50 .event.event-grid{
    margin-left: 0px;
}
.element_size_50 .event.event-grid article{
    width:100%;
    margin-left: 0px;
}
.element_size_50 .team-shortcode article.team-shortcode-v1 figure{
    width:100%;
}
.element_size_50 .team-shortcode article.team-shortcode-v1 .text{
    float:left;
    width:100%;
    margin-left:0;
}
.element_size_50 .team-shortcode article.team-shortcode-v2{
    width:47%;
}
.element_size_50  .left-timeline-sec time{
    margin:0;
    padding:0;
}
.element_size_50  .left-timeline-sec time:before{
    display:none;
}
/*=======================================
Timeline Section
=======================================*/
.cs-timeline {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    position: relative;
}
.cs-timeline:before{
    content: "";
    width: 1px;
    height: 95%;
    position: absolute;
    left: 37px;
    top: 0%;
    background: #bebebe;
}
.cs-timeline article {
    float: left;
    width: 100%;
    background: #f3f3f3;
    margin-bottom: 15px;
    padding: 16px 25px 16px 75px;
    position: relative;
}
.cs-timeline article:first-child {
    overflow: hidden;
}
.cs-timeline article:first-child:after {
    bottom: 42px;
}
.cs-timeline article:before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background: #bebebe;
    left: 30px;
    top: 50%;
    position: absolute;
    margin-top: -7px;
    box-shadow: 0 0 0 10px #fff;
}
/*.cs-timeline article:after {
    content: "";
    width: 1px;
    height: 26%;
    position: absolute;
    left: 37px;
    bottom: 53px;
    background: #bebebe;
}*/
.left-timeline-sec {
    float: left;
    width: 100%;
}
.home-page-timeline .left-timeline-sec{
    width: auto;
}
.left-timeline-sec h2 {
    font-size: 18px;
    line-height: 25px;
    margin: 0;
    float: left;
    font-weight: normal;
}
.left-timeline-sec time {
    float: left;
    line-height: 25px;
    font-size: 12px;
    color: #666;
    font-family: 'Roboto Slab', serif;
    margin-left: 12px;
    padding-left: 20px;
    position: relative;
}
.left-timeline-sec time:before {
    content: '\//';
    display: block;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    color: #ccc;
    
}
.right-timeline-sec {
    float: right;
}
.right-timeline-sec a {
    color: #666;
    line-height: 25px;
    font-size: 12px;    
    margin-left: 30px;
    float: left;
    position: relative;
}
.right-timeline-sec a:first-child {
    margin-left: 0;
}
.right-timeline-sec a:first-child:before {
    display: none;
}
.right-timeline-sec a:before {
    content: '';
    position: absolute;
    left: -18px;
    top: 2px;
    height: 16px;
    width: 1px;
    border-left: 3px dotted #dcdcdc;
}
a.btnlikes i,
a.btnlikes .count-numbers{
    margin-right: 6px;
}
/*=======================================Gallery Section Start*/
.gallerysec{
    width:101%;
    float:left;
    margin-bottom:35px;
}
.gallerysec ul{
    list-style:none;
    float:left;
    margin:0 0 0px -5px;
    width:100%;
}
.gallerysec ul li{
    float:left;
    padding: 0 0 3px 3px;
    width: 24.6%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin: 0px;
}
.gallerysec ul li figure{
    width:100%;
    float:left;
    position:relative;
    cursor:pointer;
}
.gallerysec ul li figure img{
    float:left;
    width:100%;
}
.gallerysec ul li figure figcaption{
    float:left;
    width:100%;
    position:absolute;
    background:rgba(0,0,0,0.5);
    height:100%;
    opacity:0;
    transition: all 0.2s ease-out 0s;
      -moz-transition:all 0.2s ease-out 0s;
       -o-transition:all 0.2s ease-out 0s;
        -webkit-transition:all 0.2s ease-out 0s;
}
.gallerysec ul li figure:hover figcaption{
    opacity:1;
}
.gallerysec ul li figure figcaption i{
    position:absolute;
    top:50%;
    left:50%;
    cursor:pointer;
    opacity: 0;
    transform: scale(0.8);
     -ms-transform: scale(0.8);
      -moz-transform: scale(0.8);
       -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
    transition: all 0.4s ease-in-out;
      -moz-transition:all 0.4s ease-in-out;
       -o-transition:all 0.4s ease-in-out;
        -webkit-transition:all 0.4s ease-in-out;
    color:#FFF;
    font-size:20px;
    margin: -5px 0px 0px -10px;
}
.gallerysec ul li:hover figure figcaption i{
    opacity:1;
    transform:scale(1,1);
     -ms-transform: scale(1,1);
      -moz-transform: scale(1,1);
       -webkit-transform: scale(1,1);
        -o-transform: scale(1,1);
}
/*========gallery-three-col==========*/
.gallerysec .gallery-three-col li{
    float: left;
    padding: 0 0 3px 3px;
    width: 33.333%;
}
.gallerysec ul li.video-gallery-img figure figcaption{
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}
/*========gallery-tow-col==========*/
.gallerysec .gallery-two-col li{
    float: left;
    margin: 0 0 3px 3px;
    width: 49.5%;
}
.gallerysec ul.gallery-four-col li{
    width: 25%;
}
/*=======================================Gallery Section End*/
/*=======================================404 Page Start*/
.pagenone{
    text-align: center;
    margin: 50px 0px 90px 0px;
    float: left;
    width: 100%;
}
.pagenone .password_protected{
    margin: 0px 0px 0px 0px;
}
.pagenone .password_protected form input[type="text"]{
    padding: 0px 12px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #999;
}
.password_protected form input[type="submit"]{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 35px;
    padding: 0px 20px;
    text-transform: uppercase;
    color: #fff;
}
.pagenone i{
    margin: 0px 0px 12px 0px;
    display: inline-block;
    font-size: 60px;
}
.pagenone h1{
    font-size:40px;
    font-weight: 200;
    margin: 0px 0px 6px 0px;
    display: block;
}
.pagenone h4{
    color: #333333;
    font-size:20px;
    font-weight: 300;
    padding: 0px 0px 0px 0px;
    position: relative;
    margin: 0px 0px 30px 0px;
}
.password_protected form{
    display: inline-block;
    width: 50%;
    position: relative;
}
/*=======================================404 Page End*/
/*=======================================Undercontruction Page Start*/
#undercontruction {
    float:left;
    width:100%;
    margin:0px 0px 0px 0px;
}
.undercunst-box{
    text-align: center;
}
.undercunst-box .logo{
    float: none;
    display: inline-block;
}
#midarea {
    float:left;
    width:100%;
    position:relative;
    text-align:center;
    color:#fff;
}
#undercontruction #midarea h1{
    font-weight:bold !important;
    font-size:34px !important;
    margin-bottom:10px !important;
}
.undercunst-box {
    padding: 40px 0;
    padding-bottom: 0;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
}
.undercunst-box footer {
    display: inline-block;
    padding: 30px 0;
    text-align: center;
}
#midarea p{
    color:#fff;
    margin-bottom:40px;
}
#midarea h1 {
    margin-bottom:27px;
    color: #fff;
}
#undercontruction .countdownit {
    width:100%;
    float:left;
    text-align:center;
}
#undercontruction .countdownit .hasCountdown{
    width: auto;
    background-color: transparent;
    box-shadow: none;
}
#undercontruction .countdown_section:after{
    display: none;
}
#undercontruction .countdownit #defaultCountdown {
    display: inline-block;
}
#undercontruction .countdownit span {
    display:inline-block;
}
#undercontruction .countdownit span.countdown_section {
    width:128px;
    box-shadow:0 0 1px #818181;
    height:114px;
    border:3px solid #fff;
    margin-bottom:8px;
    text-transform:uppercase;
    margin-right:25px;
    font-size:18px;
    font-weight: bolder;
    position:relative;
    color: #fff;
}
#undercontruction .countdownit span.countdown_section:last-child{
    margin-right:0px;
}
#undercontruction .countdownit span.countdown_section:first-child:before{content:'';display:none;}
#undercontruction .countdownit span.countdown_section:before{
    content:':';
    color:#d5d5d5;
    font-size:50px;
    position:absolute;
    left:-22px;
    top:20px;
    text-shadow:none;
}
#undercontruction .countdownit span.countdown_section .countdown_amount{
    background:none;
    border:none;
    box-shadow:none;
    font-size:68px;
    letter-spacing:-5px;
    font-weight:800;
    padding-top:7px;
    height:auto;
    line-height:68px;
    color: #fff;
}
/*=======================================Undercontruction Page End*/
.cs-blog .mejs-audio .mejs-volume-button,
.cs-blog .mejs-audio .mejs-time-rail,
.cs-blog .mejs-audio .mejs-mute,
.cs-blog .mejs-audio .mejs-time{
  display: none !important;
}
.cs-blog .mejs-audio{
  width: 60px !important;
}
.cs-blog .mejs-audio.mejs-container .mejs-controls div,
.cs-blog .mejs-audio.mejs-container .mejs-controls{
  height: 60px;
}
.cs-blog .mejs-audio.mejs-container .mejs-controls{
  top: 0px;
  bottom: auto;
  background: transparent;
  border-radius: 100%;
}
.cs-blog .mejs-audio.mejs-container .mejs-controls,
.cs-blog .mejs-audio.mejs-container{
  background-color: transparent;
}
.cs-blog .mejs-audio .mejs-controls .mejs-button button{
  left: 17px;
  top: 10px;
  outline: none !important;
  background: url(images/audio-po.png);
  background-position: -9px -6px;
  width: 24px;
  height: 25px;
}
.cs-blog .mejs-audio .mejs-controls .mejs-pause button {
    background-position: -34px -5px;
    left: 15px;
}
.blog-medium article.cls-post-audio figcaption,
.blog-medium article.cls-post-video figcaption{
    opacity: 1;
    -webkit-transform: translateX(0%);
       -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
}
.cs-blog.blog-medium article figure figcaption .audiowrapp {
    margin: -25px 0 0 -25px;
}
.cs-blog article.cls-post-audio figure figcaption,
.cs-blog article.cls-post-video figure figcaption{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
.cs-blog article figure figcaption .audiowrapp{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0px 0px -20px;
}
.cs-blog article.cls-post-video figure figcaption a{
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
}
.cls-post-audio.no-image figure:before,
.cls-post-video.no-image figure:before{
    display: none;
}
.cs-blog.blog_detail article{
    margin-bottom: 0px;
}
/*Donor Table*/
.donar-table {
    margin-bottom: 40px;
}
.donar-table, .heading-sec, .donar-table ul, .donar-table ul li {
    float: left;
    width: 100%;
}
.donar-table ul ,.rich_editor_text .donar-table ul {
    padding: 0px 0px 0px 4px;
    margin: 0;
}
.donar-table ul li {
    color: #333333;
    list-style: none;
    line-height: 40px;
    position: relative;
    padding-right: 20px;
    border: 1px solid #e0e0e0;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.donar-table ul li
.donar-table ul li a {
    color: #333333;
    float: left;
    font-size: 14px;
}
.donar-table ul li p {
    text-transform: uppercase;
    margin: 0;
}
.donar-table ul li p, .donar-table ul li p a {
    float: right;
    color: #333;
    line-height: 40px;
    font-size: 14px;
}
.donar-table ul li p span {
    float: left;
}
.donar-table ul li p a {
    color: #999999;
    float: right;
    margin-left: 10px;
    text-transform: capitalize;
}
.donar-table ul li .counter {
    display: block;
    float: left;
    width: 40px;
    margin-right: 15px;
    font-family: 'Dosis', sans-serif;
    position: relative;
    text-align: center;
    border-right: 1px solid #e0e0e0;
}
.donar-table ul li .counter:before {
    content: '';
    position: absolute;
    left: -5px;
    top: -1px;
    width: 5px;
    height: 42px;
    background: #ededed;
    border: 1px solid #e0e0e0;
    
}
.cart-sec{
    float: left;
    position: relative;
}
.cart-sec i{
    border: 1px solid #2d2c2d;
    color: #cccccc;
    padding: 6px 8px 5px 6px;
}
.cart-sec span{
    position: absolute;
    right: -8px;
    top: -5px;
    background-color: #376987;
    padding: 0px 4px;
    border-radius: 100%;
    color: #fff;
    font-size: 11px;
}
.language-sec{
    float: left;
    margin-right: 5px;
}
#lang_sel{
    height: auto;
}
#lang_sel li{
    width: 65px;
}
.language-sec #lang_sel ul li a:visited,
.language-sec #lang_sel ul li a{
    padding: 0px 4px;
    background-color: rgba(239,239,239,0.1);
    color: #cccccc;
    border: 1px solid #2e2c2a;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
}
.language-sec #lang_sel ul ul{
    width: 200px;
    border: none;
    height: auto;
    padding-top: 10px !important;
    left: -50%;
    margin-left: -40px !important;
    border: none;
    top: 26px;
    z-index: 999;
}
.language-sec #lang_sel ul ul:before{
    content: '';
    position: absolute;
    left: 50%;
    top: 7px;
    border-color: transparent #fff;
    border-style: solid;
    border-width: 10px 0 0 10px;
    -webkit-transform: rotate(137deg);
       -moz-transform: rotate(137deg);
        -ms-transform: rotate(137deg);
         -o-transform: rotate(137deg);
            transform: rotate(137deg);
}
.language-sec #lang_sel ul ul li{
    width: 33%;
    float: left;
    position: relative;
}
.language-sec #lang_sel ul ul li:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 8px;
    border-left: 1px dotted #ddd;
    width: 2px;
    height: 10px;
}
.language-sec #lang_sel ul ul li a{
    background-color: #fff;
    color: #000;
    border: none;
    padding: 8px 5px 5px 5px;
}
#lang_sel img.iclflag{
    top: -1px;
}
#lang_sel ul li:hover a.lang_sel_sel{
    color: #fff;
    border-color: #979695;
    background-color: #353434;
}
.element_size_67 .post-options li{
    padding: 0 16px 0 0;
}
.navigation ul li .children:after{
    display: none;
}
.page-links{
    float: left;
    margin-bottom: 15px;
}
.page-links .page-links-title{
    float: left;
}
.page-links a,
.page-links > span{
    background-color: #333;
    padding: 4px 10px;
    float: left;
    color: #fff;
    margin-right: 8px;
}
.page-links > span{
    background-color: #f5f5f5;
    color: #666;
}
.password_protected form label{
    width: 100%;
}
.password_protected form input{
    border: 1px solid #666;
}
.protected-icon i{
    font-size: 28px;
}
.gallery-size-thumbnail img{
    width: 100%;
    float: left;
}
.gallery-size-thumbnail dt{
    padding-bottom: 20px;
}
.gallery-size-thumbnail dt,
.gallery-size-thumbnail dd{
    float: left;
    width: 100%;
}
.gallery-size-thumbnail .gallery-item{
    padding: 0px 0px 0px 20px;
    margin-top: 0px !important;
}
img.alignnone{
    width: 100%;
    height: 100%;
}
.single-post .detail_text.rich_editor_text .mejs-controls{
    background-color: #000;
}
.single-post .detail_text.rich_editor_text .mejs-audio{
    height: 60px !important;
}
.archive-page article p strong{
    text-transform: uppercase;
}
.archive-page article{
    margin-bottom: 20px;
}
.archive-page .blog_text{
    margin-left: 360px;
}
.archive-page article.no-image .blog_text{
    margin-left: 0px;
}
.flexslider ul.slides li figure{
    position: relative;
    float: left;
    width: 100%;
}
.flexslider li figcaption {
    width: 100%;
    bottom: 0;
    left: 0px;
    padding: 50px 0;
}
.flexslider li figcaption h2 a{
    color: #fff;
}
.flexslider li figcaption h2 {
    font-weight: 400;
    font-size: 36px;
    margin-bottom: 0px;
     color: #fff;
     float: left;
     padding: 7px 15px;
}
.flexslider li figcaption p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
    background-color: rgba(0,0,0,0.7);
    padding: 7px 15px;
    float: left;
}
/* === Add Calender Start ===*/
.add-calender{
    float: right;
    position: relative;
}
.add-calender a{
    background-color: #F8FAFF;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    color: #333333;
    cursor: pointer;
    float: left;
    padding: 8px 22px;
    font-weight: 600;
    text-transform: uppercase;
}
.add-calender a i{
    margin: 0px 4px 0px 0px;
}
.add-calender ul{
    background-color: #F7F7F7;
    border-radius: 4px;
    box-shadow: 0 0 4px 2px #DDDDDD;
    float: left;
    opacity: 0;
    position: absolute;
    right: 0px;
    top: 45px;
    visibility: hidden;
    width: 170px;
    z-index: 10;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
}
.add-calender ul:before{
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F7F7F7;
    border-style: solid;
    border-width: 0 6px 6px;
    content: "";
    height: 0;
    position: absolute;
    right: 20px;
    top: -6px;
    width: 0;
}
.add-calender:hover ul{
    visibility: visible;
    opacity: 1;
}
.detail_inner .text .add-calender ul li{
    padding: 0px;
}
.add-calender ul li{
    width: 29%;
    float: left;
}
.add-calender ul li a{
    background-color: transparent;
    border: none;
}
#wpadminbar{
    position: absolute !important;
}
.archive-page article figure{
    float: left;
    width: 342px;
    height: 193px;
}
.archive-page article figure img{
    height: 100%;
}